<div class="col-sm-9 content-right">
  <ol class="breadcrumb">
    <li><a href="<?php echo site_url('home'); ?>">Home</a></li>
    <li><a href="<?php echo site_url('search'); ?>">Search</a></li>
  </ol>
  <div class="well well-sm">
    <div class="row">
      <div class="col-md-10">
        <div class="form-group">
          <label for="search_term">Search Term</label>
          <input type="text" class="form-control" id="search_term" name="search_term" placeholder="iPhone" maxlength="50">
        </div>
      </div>
      <div class="col-md-2">
        <div class="form-group">
          <label for="item_section">Type</label>
          <select id="item_section" class="form-control">
            <option value="1">Buy</option>
            <option value="2">Sell</option>
          </select>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label for="item_section">Section</label>
          <select id="item_section" class="form-control">
            <option value="0">Select Section</option>
            <option value="1">Books</option>
            <option value="2">Cameras & Photo</option>
            <option value="3">Cell Phones & Accessories</option>
            <option value="4">Clothing, Shoes & Accessories</option>
            <option value="5">Computers & Networking</option>
            <option value="6">DVDs & Movies</option>
            <option value="7">Health & Beauty</option>
            <option value="8">Music</option>
            <option value="9">Toys & Hobbies</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="item_category">Category</label>
          <select id="item_category" class="form-control">
            <option value="0">Select Category</option>
            <option value="1">DVD, Blu-ray devices</option>
            <option value="32">GPS navigations</option>
            <option value="4">Graphics cards</option>
            <option value="5">Hard drives</option>
            <option value="25">Game controllers</option>
            <option value="30">Games</option>
            <option value="27">Coolers</option>
            <option value="7">Printers</option>
            <option value="9">LCD screens</option>
            <option value="2">Modems</option>
            <option value="26">MP3 players</option>
            <option value="10">Notebooks</option>
            <option value="12">PC, Computers</option>
            <option value="13">Processors</option>
            <option value="14">Network devices</option>
            <option value="17">Software</option>
            <option value="24">Tablets, E-readers</option>
            <option value="28">Wireless, WiFi</option>
            <option value="19">Motherboards</option>
            <option value="22">Other</option>
          </select>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <button class="btn btn-danger pull-right" type="submit"><i class="fa fa-search"></i>&nbsp;<span>Search</span></button>
      </div> 
    </div>
  </div>

  <div class="row classifieds-table" id="search_results">
    <div class="col-lg-12">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>Product</th>
            <th class="text-center">Price</th>
            <th class="text-center">Views</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="col-md-6">
              <div class="media">
                <div class="media-body">
                  <a class="lb-link" href="#">
                    <div class="thumbnail pull-left">
                      <img class="media-object" src="http://placehold.it/72x72/e0e0e0" />
                    </div>
                    <h4 class="media-heading text-danger">Product name</h4>
                  </a>
                  <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing tempor ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac ...</small></p>
                </div>
              </div>
            </td>
            <td class="col-md-1 text-center"><strong>110.87 EUR</strong></td>
            <td class="col-md-1 text-center">76x</td>
          </tr>

          <tr>
            <td class="col-md-6">
              <div class="media">
                <div class="media-body">
                  <a class="lb-link" href="#">
                    <div class="thumbnail pull-left">
                      <img class="media-object" src="http://placehold.it/72x72/e0e0e0" />
                    </div>
                    <h4 class="media-heading text-danger">Product name</h4>
                  </a>
                  <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing tempor ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac ...</small></p>
                </div>
              </div>
            </td>
            <td class="col-md-1 text-center"><strong>110.87 EUR</strong></td>
            <td class="col-md-1 text-center">76x</td>
          </tr>

          <tr>
            <td class="col-md-6">
              <div class="media">
                <div class="media-body">
                  <a class="lb-link" href="#">
                    <div class="thumbnail pull-left">
                      <img class="media-object" src="http://placehold.it/72x72/e0e0e0" />
                    </div>
                    <h4 class="media-heading text-danger">Product name</h4>
                  </a>
                  <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing tempor ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac ...</small></p>
                </div>
              </div>
            </td>
            <td class="col-md-1 text-center"><strong>110.87 EUR</strong></td>
            <td class="col-md-1 text-center">76x</td>
          </tr>

          <tr>
            <td class="col-md-6">
              <div class="media">
                <div class="media-body">
                  <a class="lb-link" href="#">
                    <div class="thumbnail pull-left">
                      <img class="media-object" src="http://placehold.it/72x72/e0e0e0" />
                    </div>
                    <h4 class="media-heading text-danger">Product name</h4>
                  </a>
                  <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing tempor ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac ...</small></p>
                </div>
              </div>
            </td>
            <td class="col-md-1 text-center"><strong>110.87 EUR</strong></td>
            <td class="col-md-1 text-center">76x</td>
          </tr>

          <tr>
            <td class="col-sm-8 col-md-6">
              <div class="media">
                <a class="thumbnail pull-left" href="#">
                  <img class="media-object" src="http://placehold.it/72x72/e0e0e0" style="width: 72px; height: 72px;" />
                </a>
                <div class="media-body">
                  <h4 class="media-heading"><a href="#">Product name</a></h4>
                  <p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing tempor ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac ...</small></p>
                </div>
              </div>
            </td>
            <td class="col-sm-1 col-md-1 text-center" style="vertical-align: middle;"><strong>110.87 EUR</strong></td>
            <td class="col-sm-1 col-md-1 text-center" style="vertical-align: middle;">76x</td>
          </tr>

        </tbody>
      </table>
    </div>
    <div class="col-lg-12" style="text-align: center;">
      <ul class="pagination">
        <li class="disabled"><a href="#">«</a></li>
        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">»</a></li>
      </ul>
    </div>
  </div>
</div>